<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%	
	//获取项目名
	String path = request.getContextPath();
	//获取tomcat 协议+地址+端口号+ 获取项目名
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
	//out.println(basePath);
%>

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>ZZG源码分享网分享网 - 让分享成为一种快乐！</title>
<link rel="stylesheet" type="text/css"
	href="<%=basePath %>/css/style.css" />
<link rel="stylesheet" type="text/css"
	href="<%=basePath %>/css/common.css">

<link rel="stylesheet" type="text/css"
	href="<%=basePath %>/css/animate.min.css">

<script src="<%=basePath %>/jquery-3.5.1.js"></script>
<script
	src="<%=basePath %>/bootstrap/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
<link rel="stylesheet"
	href="<%=basePath %>/bootstrap/bootstrap-3.3.7-dist/css/bootstrap.css">
<!-- 我的CSS -->
<link rel="stylesheet" href="<%=basePath %>/css/index.css">

</head>

<body>
	<div class="index-header clearfix">
		<div class="index- fl">
			<a href=""></a>
		</div>
		<ul class="index-nav fl" id="nav">
			<li class="active"><a
				href="<%=basePath %>htmlJs/ordUserIndex.jsp">首页</a></li>
			<li><a href="#aboutUs">关于我们</a></li>
			<li><a
				href="<%=basePath %>userServlet?mark=showMainKindList&kind=HTML模板&root=1">HTML模板</a></li>
			<li><a
				href="<%=basePath %>userServlet?mark=showMainKindList&kind=CSS特效&root=1">CSS特效</a></li>
			<li><a
				href="<%=basePath %>userServlet?mark=showMainKindList&kind=jQuery代码&root=1">jQuery代码</a></li>
			<li><a href="">联系我们</a></li>
			<li><a href="<%=basePath %>background/ordUserJs/index/index.jsp"
				target="_blank"><strong>${user.userName}</strong></a></li>
		</ul>
		<%
			Object user =session.getAttribute("user");
			/* User user = null;
			if(u instanceof User){
				User user = (User)u;
			} */
			pageContext.setAttribute("user",user); 
		%>

		<div class="index-header-right fr" id="search">

			<a href="" class="search-btn">搜索</a>
			<!-- <a href="" class="erweima">
			<div class="erweima-pic">
				<img src="images/pic1.jpg">
			</div>
		</a> -->
		</div>
		<div class="clear"></div>
	</div>

	<!-- ------------------------------------------------------以下为：搜索框 ------------------------------------------------------>
	<div class="search_sec">
		<!-- 关闭搜索框 -->
		<a href="#" title="" class="close-search"><i class=" la-close"><img
				src="<%=basePath %>images/icon5.png"></i></a>
		<div class="search_field">
			<div class="container">
				<form>
					<input type="text" name="search" placeholder="搜索...">
					<!-- 搜索图标 -->
					<button type="submit">
						<img src="<%=basePath %>images/search2.png" alt="">
					</button>
				</form>
			</div>
		</div>
	</div>
	<!-- ------------------------------------------------------以上为：搜索框 ------------------------------------------------------>

	<!--search_sec end-->

	<div id="bloc">
		<article id="index">
			<div class="banner-position">
				<!-- ------------------------------------------以下为：轮播图 ------------------------------------------------->
				<div id="LunBoTu">
					<div id="carousel-example-generic" class="carousel slide"
						data-ride="carousel">
						<!-- Indicators -->
						<ol class="carousel-indicators">
							<li data-target="#carousel-example-generic" data-slide-to="0"
								class="active"></li>
							<li data-target="#carousel-example-generic" data-slide-to="1"></li>
							<li data-target="#carousel-example-generic" data-slide-to="2"></li>
						</ol>

						<!-- Wrapper for slides -->
						<div class="carousel-inner" role="listbox">
							<div class="item active">
								<div class="jumbotron" id="JuMu-1">
									<h1>HTML模板</h1>
									<p class="img-des-1">响应式紫色主题电脑配件办公产品网站模板 、响应式科技智能综合网站模板</p>
									<p class="img-des-2">简洁响应式大型自动化设备配件销售网站模板</p>
									<p class="img-des-3">绿色新鲜蔬菜种植网站模板......</p>
									<p class="btn-more">
										<a class="btn btn-primary btn-lg" href="#" role="button">了解更多</a>
									</p>
								</div>
							</div>
							<div class="item">
								<div class="jumbotron" id="JuMu-2">
									<h1>CSS特效</h1>
									<p class="img-des-1">CSS3休闲时光落叶动画特效、CSS3卡通灯泡点击发光动画特效、纯CSS3进度条渐变加载特效</p>
									<p class="img-des-2">CSS3悬停展开旋转菜单特效、css3 svg蓝色波浪动画特效</p>
									<p class="img-des-3">CSS3窗外闪电下雨动画特效......</p>
									<p class="btn-more">
										<a class="btn btn-primary btn-lg" href="#" role="button">了解更多</a>
									</p>
								</div>
							</div>
							<div class="item">
								<div class="jumbotron" id="JuMu-3">
									<h1>jQuery代码</h1>
									<p class="img-des-1">jQuery登录注册框动态切换代码、jQuery仿Windows10桌面特效</p>
									<p class="img-des-2">jQuery农历公历时间选择代码、jQuery贪吃蛇大战小游戏源码</p>
									<p class="img-des-3">jQuery点击点亮图片代码......</p>
									<p class="btn-more">
										<a class="btn btn-primary btn-lg" href="#" role="button">了解更多</a>
									</p>
								</div>
							</div>


						</div>


						<!-- Controls -->
						<a class="left carousel-control" href="#carousel-example-generic"
							role="button" data-slide="prev"> <span
							class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
							<span class="sr-only">Previous</span>
						</a> <a class="right carousel-control"
							href="#carousel-example-generic" role="button" data-slide="next">
							<span class="glyphicon glyphicon-chevron-right"
							aria-hidden="true"></span> <span class="sr-only">Next</span>
						</a>
					</div>
				</div>
				<!-- ------------------------------------------以上为：轮播图 ------------------------------------------------->



				<!-- ------------------------------------------以下为：波浪 ---------------------------------------------------->
				<div class="banner-wave">
					<svg viewBox="0 0 120 28">
			
					<defs>
			
						<filter id="goo">
			
							<feGaussianBlur in="SourceGraphic" stdDeviation="1" result="blur" />
			
							<feColorMatrix in="blur" mode="matrix"
							values="
			
							   1 0 0 0 0  
							
							   0 1 0 0 0  
							
							   0 0 1 0 0  
							
							   0 0 0 13 -9"
							result="goo" />
			
							<xfeBlend in="SourceGraphic" in2="goo" />
			
						</filter>
			
						<path id="wave"
							d="M 0,10 C 30,10 30,15 60,15 90,15 90,10 120,10 150,10 150,15 180,15 210,15 210,10 240,10 v 28 h -240 z" />
			
					</defs>
			
					<use id="wave3" class="wave" xlink:href="#wave" x="0" y="-2"></use>
			
					<use id="wave2" class="wave" xlink:href="#wave" x="0" y="0"></use>
			
					<g class="gooeff" filter="url(#goo)">
			
						<circle class="drop drop1" cx="20" cy="2" r="8.8" />
			
						<circle class="drop drop2" cx="25" cy="2.5" r="7.5" />
			
						<circle class="drop drop3" cx="16" cy="2.8" r="9.2" />
			
						<circle class="drop drop4" cx="18" cy="2" r="8.8" />
			
						<circle class="drop drop5" cx="22" cy="2.5" r="7.5" />
			
						<circle class="drop drop6" cx="26" cy="2.8" r="9.2" />
			
						<circle class="drop drop1" cx="5" cy="4.4" r="8.8" />
			
						<circle class="drop drop2" cx="5" cy="4.1" r="7.5" />
			
						<circle class="drop drop3" cx="8" cy="3.8" r="9.2" />
			
						<circle class="drop drop4" cx="3" cy="4.4" r="8.8" />
			
						<circle class="drop drop5" cx="7" cy="4.1" r="7.5" />
			
						<circle class="drop drop6" cx="10" cy="4.3" r="9.2" />
			
						<circle class="drop drop1" cx="1.2" cy="5.4" r="8.8" />
			
						<circle class="drop drop2" cx="5.2" cy="5.1" r="7.5" />
			
						<circle class="drop drop3" cx="10.2" cy="5.3" r="9.2" />
			
						<circle class="drop drop4" cx="3.2" cy="5.4" r="8.8" />
			
						<circle class="drop drop5" cx="14.2" cy="5.1" r="7.5" />
			
						<circle class="drop drop6" cx="17.2" cy="4.8" r="9.2" />
			
						<use id="wave1" class="wave" xlink:href="#wave" x="0" y="1" />
			
					</g>
				</svg>
				</div>
				<!-- ------------------------------------------以下为：波浪 ---------------------------------------------------->
			</div>



			<div class="clear"></div>
			<!--about-->
			&nbsp;<a id="aboutUs"></a>
			<div class="index-about">
				<div class="index-con clearfix">
					<div class="index-about-text fl">
						<div class="index-title">
							<h3 class="scroll-animate" data-effect="fadeInUpSmall"
								id="webName">ZZG源码分享网</h3>
							<h2 class="scroll-animate" data-delay="0.2"
								data-effect="fadeInUpSmall" id="bold-text-aboutUs">关于我们</h2>
							<span></span>
						</div>
						<p class="scroll-animate" data-delay="0.6"
							data-effect="fadeInUpSmall">
							ZZG源码分享网与2020年12月创立，致力于分享HTML模板、CSS特效以及jQuery源码。<br />
							我们专注于提供优质的源码，给每一个寻找美的人一份<strong>答案</strong>
						</p>
						<div class="index-more" id="knowMore">
							<a href="">了解更多 >></a>
						</div>
					</div>
					<div class="index-about-pic fr">
						<a href=""> <!-- <img src="images/pic2.jpg" class="scroll-animate classGo" data-Tclass="go"> -->
							<img src="<%=basePath %>images/homePageImage/cat.jpg"
							class="scroll-animate classGo" data-Tclass="go">
						</a>
					</div>
				</div>
				<div class="wave_box1">
					<img src="<%=basePath %>images/wavs.gif">
				</div>
			</div>
			<div class="clear"></div>

			<!--业务范围-->
			<div class="index-yewu" id="whatShare">
				<div class="index-con clearfix">
					<div class="index-title">
						<h3>我们分享什么？</h3>
						<h2 id="bold-text-source">源码</h2>
					</div>

					<div class="index-yewu-info clearfix">
						<div class="index-yewu-pic fl">
							<a href=""> <img
								src="<%=basePath %>images/homePageImage/代码背景图.PNG"
								class="scroll-animate classGo" data-Tclass="go">
							</a>
						</div>
						<ul class="index-yewu-list clearfix fr" id="img-hcj">
							<li><a href=""> <img
									src="<%=basePath %>images/homePageImage/htmlimg.PNG">
									<div class="text" id="html-dec">
										<h2>HTML模板</h2>
										<!-- <span>Smart city</span> -->
										<p>数据智能服务商网站模板、在线交易广告投放平台网站模板、网站维护升级HTML页面模板、
											VPS虚拟主机展示网站模板、VPS虚拟主机展示网站模板、视频在线发布网站HTML模板......</p>

										<span><a>了解更多</a></span>

									</div>
									<div class="button bz-buttonAnimat clockwise both">
										<div class="inner"></div>
									</div>
							</a></li>
							<li><a href=""> <img
									src="<%=basePath %>images/homePageImage/cssImag.PNG">
									<div class="text" id="css-dec">
										<h2>CSS特效</h2>
										<!-- <span>Smart city</span> -->
										<p>纯css3绘制卡通人物梅西特效、CSS3新拟态图标悬停动画特效、纯css3加载发光变色动画特效、
											纯CSS3单选按钮选中美化特效、CSS3卡通企鹅UI动画特效、CSS3科技雷达扫描动画特效......</p>
										<span><a>了解更多</a></span>
									</div>
									<div class="button bz-buttonAnimat clockwise both">
										<div class="inner"></div>
									</div>
							</a></li>
							<li><a href=""> <img
									src="<%=basePath %>images/homePageImage/jqueryIma.PNG">
									<div class="text" id="jquery-dec">
										<h2>jQuery代码</h2>
										<!-- <span>Smart city</span> -->
										<p>jQuery仿Windows10桌面特效、jQuery在线查询QQ等级代码、jQuery生日蛋糕蜡烛动画特效、
											jQuery掷骰子动画特效、jQuery排名文字滚动代码、jQuery图文消息列表滚动代码......</p>
										<span><a>了解更多</a></span>
									</div>
									<div class="button bz-buttonAnimat clockwise both">
										<div class="inner"></div>
									</div>
							</a></li>

						</ul>
					</div>
				</div>
			</div>
			<div class="clear"></div>

			<div class="position-yuan clearfix">
				<div class="bg scr-el" data-v="1" data-speed-x="12"
					data-offset="150 "></div>
			</div>
			<div class="clear"></div>
			<!--产品-->
			<div class="index-product clearfix">
				<div class="index-con clearfix">
					<div class="index-title">
						<h3 id="aa">近期</h3>
						<h2 id="bold-text-hot">热门</h2>
					</div>
					<ul class="clearfix index-product-list clearfix">
						<li><a href=""> <em><img
									src="<%=basePath %>images/pic4.jpg"></em>
								<div class="text">
									<h2>HTML（标题）</h2>
									<p>下载</p>
									<span><img src="<%=basePath %>images/jt.png"></span>
								</div>
						</a></li>
						<li><a href=""> <em><img
									src="<%=basePath %>images/pic5.jpg"></em>
								<div class="text">
									<h2>CSS（标题）</h2>
									<p>下载</p>
									<span><img src="<%=basePath %>images/jt.png"></span>
								</div>
						</a></li>
						<li><a href=""> <em><img
									src="<%=basePath %>images/pic6.jpg"></em>
								<div class="text">
									<h2>jQuery（标题）</h2>
									<p>下载</p>
									<span><img src="<%=basePath %>images/jt.png"></span>
								</div>
						</a></li>
					</ul>
				</div>
			</div>
			<div class="clear"></div>


			<!--footer-->
			<div class="index-footer">
				<div class="clearfix index-footer-info index-con">
					<div class=" fl"></div>
					<div class="lianxi fl">
						<h2>联系方式</h2>
						<p>QQ： 2911620942</p>

						<P>地址：JJU智能优化与调度实验室</P>
						<p></p>
					</div>
					<!-- <div class="phone fl">			
						xxx
					</div> -->
					<div class="erweima fr">
						<!-- <img src="images/pic1.jpg">
						<p>二维码</p> -->
					</div>
				</div>

				<div class="index-footer-bottom">
					<div class="index-con clearfix">
						<p class="fl">版权所有 © 2020 JJU_干干</p>
						<a href="#" target="_blank" class="fr" id="designer">设计：ZZG_干干</a>
					</div>
				</div>
			</div>
			<div class="clear"></div>
		</article>
	</div>

	<script type="text/javascript"
		src="http://www.5imoban.net/download/jquery/jquery-3.2.1.min.js"></script>
	<script type="text/javascript"
		src='<%=basePath %>js/modernizr.custom.js'></script>
	<!-- 搜索框 -->
	<script src="<%=basePath %>js/more.js"></script>
	<script
		src="http://www.5imoban.net/download/swiper/swiper-4.4.2.min.js"></script>
	<script type="text/javascript" src="<%=basePath %>js/main.js"></script>
	<script type='text/javascript' src='<%=basePath %>js/base.js'></script>
	<script type="text/javascript" src='<%=basePath %>js/app.js'></script>
	<script>
var swiper = new Swiper('.index-banner.swiper-container', {
  speed: 600,
  parallax: true,   
  navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev',
  },
});
scrolly.init({
	wrapper: '#bloc',
	targets: '.scr-el',
	bgParallax: true,
	wrapperSpeed: 0.08
});
</script>
</body>
</html>
